
<template>
  <div>
    <van-nav-bar
      title="育儿知识"
      left-text="返回"
      left-arrow
      @click="onClickLeft"
    />

    <div class="Parent">
      <img src="../../assets/img/游戏.png" alt="" />
      <button class="bth" @click="start">开始游戏</button>
    </div>
  </div>
</template>
  
  <script setup lang='ts'>
  import { useRouter } from 'vue-router'
const router = useRouter()
const onClickLeft = () => history.back()
const start=()=>{
 router.push('/startGame')
}
</script>

  <style lang="scss" scoped>
.Parent {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #f78348;
  img {
    width: 100%;
    height: 100%;
  }
  .bth {
    height: 60px;
    width: 300px;
    background-color: #ffdb14;
    text-align: center;
    border: 2px solid #fff;
    font-weight: bold;
    font-size: 20px;
    border-radius: 50px;
    // color: white;

    /* 设置立体阴影 */
    box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.3);
  }
}
</style>